@extends('layouts.main')
@section('title','新建笔记')
@section('css')
{!! editor_css() !!}
@endsection
@section('content')
    <!-- 主内容区. 包括页面 -->
    <div class="content-wrapper">
        <!-- Content Header (页眉) -->
        <section class="content-header">
            <h1>笔记<small>新建笔记</small></h1>
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}"><i class="fa fa-dashboard"></i>首页</a></li>
                <li class="active">新建笔记</li>
            </ol>
        </section>

        <!-- 主内容区 -->
        <section class="content container-fluid">
            <div class="box box-default">
                <div class="box-header with-border">
                <h3 class="box-title">新建笔记</h3>
                </div>
                <!-- /.box-header -->
                <form role="form" method="" action="">
                    <div class="box-body">
                        <div class="row">
                            <div class="col-md-3">
                                <a href="#" class="btn btn-success  margin-bottom">保存</a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="title">标题</label>
                                    <input type="text" class="form-control" id="title" placeholder="标题">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>请选择笔记本</label>
                                    <select class="form-control" style="width: 100%;">
                                        <option selected="selected">笔记本0</option>
                                        <option>笔记本1</option>
                                        <option>笔记本2</option>
                                        <option>笔记本3</option>
                                        <option>笔记本4</option>
                                        <option>笔记本5</option>
                                        <option>笔记本6</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="tag">标签</label>
                                    <input type="text" class="form-control" id="tag" placeholder="添加标签，逗号隔开">
                                </div>
                                <!-- <div class="form-group">
                                    <label>多选</label>
                                    <select class="form-control select2" multiple="multiple" data-placeholder="选择地区" style="width: 100%;">
                                    <option>阿拉巴马州</option>
                                    <option>阿拉斯加州</option>
                                    <option>加利福尼亚州</option>
                                    <option>特拉华州</option>
                                    <option>田纳西州</option>
                                    <option>德克萨斯州</option>
                                    <option>华盛顿</option>
                                    </select>
                                </div> -->
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class=" form-group">
                                    <!-- <label class="control-label">内容</label> -->
                                    <!-- <div class="col-sm-10"> -->
                                        <!-- <p class="form-control-static text-danger">{{$errors->first('content')}}</p> -->
                                        <div id="editormd_id">
                                            <textarea name="content" style="display:none;"></textarea>
                                        </div>
                                    <!-- </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

                <!-- <div class="box-footer">

                </div> -->
            </div>

        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
@endsection
@section('js')
{!! editor_js() !!}
{!! editor_config('editormd_id') !!}

<script>
    $(function () {

    });
</script>
@endsection
